import React, { useEffect, useState } from "react";
import styles from "./xx-list-view-component.module.scss";
import XSelect from "../../../antd/Select/Select";
import XxtvCard from "../../card/xxtv-card";
import XVtable from "../../../antd/table/table";
import icon1 from "./icon-1.png";
import icon2 from "./icon-2.png";
/**
 * 
 * @param {} param0 
 * @returns
 * @description 理赔定价列表模块 
 */
const XxListViewComponent1 = ({
    fxGsPrice = 0, // 返修工时定价（工时金额/返修台数）
    txGsPrice = 0, // 推修工时定价（工时金额/推修台数）
    fxPjPrice = 0, // 返修配件定价（配件金额/返修台数）
    txPjPrice = 0, // 推修配件定价（配件金额/推修台数）
}) => {

    return (
        <>
            <XxtvCard title="理赔定价（万元）">
                <div className={styles.center_box}>
                    <div className="background-box">
                        <hr className="hr" />
                        <hr className="hr hr2" />
                        <div className="crice1 crice-backColor">
                            <div className="crice">
                                <div className="crice " style={{ backgroundColor: "#050d29" }}>
                                    <span className="iconfont cont-icon changeColor">&#xe63e;</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="box-item">
                        <div className="box-item-content">
                            <div className="item-title">
                                <span className="icon">
                                    <img src={icon1} alt="" />
                                </span>
                                <span className="text">返修工时定价</span>
                            </div>
                            <div className="item-content">
                                <div className="con-item">
                                    <span className="value">{fxGsPrice.toFixed(2)}</span>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div className="box-item">
                        <div className="box-item-content">
                            <div className="item-title right">
                                <span className="icon">
                                    <img src={icon1} alt="" />
                                </span>
                                <span className="text">推修工时定价</span>
                            </div>
                            <div className="item-content">
                                <div className="con-item">
                                    <span className="value">{txGsPrice.toFixed(2)}</span>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div className="box-item">
                        <div className="box-item-content">
                            <div className="item-title">
                                <span className="icon">
                                    <img src={icon2} alt="" />
                                </span>
                                <span className="text">返修配件定价</span>
                            </div>
                            <div className="item-content">
                                <div className="con-item">
                                    <span className="value">{fxPjPrice.toFixed(2)}</span>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div className="box-item">
                        <div className="box-item-content">
                            <div className="item-title right">
                                <span className="icon">
                                    <img src={icon2} alt="" />
                                </span>
                                <span className="text">推修配件定价</span>
                            </div>
                            <div className="item-content">
                                <div className="con-item">
                                    <span className="value">{txPjPrice.toFixed(2)}</span>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </XxtvCard>

        </>
    )
}
export default XxListViewComponent1